/** @format */

@fontMainColor: #01e0fa;
@fontTextColor: #c5d3e4;
.login {
	position: absolute;
	width: 100%;
	padding: 5% 0;
	height: 100%;
	min-height: 950px;
	overflow: hidden;
	margin: 0 auto;
	left: 0;
	top: 0;
	min-width: 600px;
	max-width: 2880px;
	background: url('images/logobg.jpg') top center no-repeat #f7fcff;
	background-size: 100%;
	.loginCenter {
		width: 680px;
		position: relative;
		margin: 0 auto;
		.login-head {
			color: #fff;
			margin-top: 60px;
			margin-bottom: 20px; text-align: center;
			h1 {
				width: 100%;
				overflow: hidden;
				img {
					margin-right: 10px;
					margin-top: 10px;
					float: left;
				}
				em {
					display: inline-block;
					margin-right: 10px;
					float: left;
					font-size: 26px;
					letter-spacing: 2px;
					font-weight: bold;
					color: #fff;
				}
				span {
					font-size: 26px;
					letter-spacing: 2px;
					font-weight: bold;
					float: left;
					color: #fff;
				}
			}
			p {
				font-size: 18px;
				width: 100%;
				color: #dceeff;
				letter-spacing: 5px;
				line-height: 20px;
			}
			.LogoImg1{width: 100%; text-align: center;
			img{ height: 60px; margin: 0 auto}}
			.LogoImg{ font-size: 38px; letter-spacing:4px; color: #ffffff; line-height: 100px; height: 100px;}
		}
		.login-form {
			width: 380px;
			text-align: left;
			margin: 0 auto;
			padding: 75px 50px;
			position: relative;
			background: #fff;
			border-radius: 10px; box-shadow: 0px 0px 40px rgba(65,154,255,0.37);
			.logsize{ font-size: 18px; color: #a3a8b4}
			.error {
			  height: 20px;
			  line-height: 20px;
			  font-size: 14px;
			  color: red;
			  padding-left:0;
			  position: absolute;
			  left: 0px;
			  top: -40px;
			}
			.coin {
			  width: 20px;
			  background: url('images/loginCoin.png') -5px 0px no-repeat;
			  height: 20px;
			  display: inline-block;
			}
			.name {
			  background: url('images/loginCoin.png') -5px -2px no-repeat;
			}
			.uukey {
				background: url('images/loginCoin.png') -5px -128px no-repeat;
			}
			.msg {
			  background: url('images/loginCoin.png') -5px -66px no-repeat;
			}
			.loginBtn {
				width: 100%;
				border: none;
				border-radius: 2px;
				background: #419aff !important;
				color: #fff;
				position: relative;
				font-size: 18px;
				:hover {
					background: rgba(0, 192, 214, 0.8);
				}
			}
		}
		.login-formt {
			width: 380px; opacity: 60%;
			text-align: left;
			margin: 20px auto;
			padding: 75px 50px;
			position: relative;
			background: #fff; transform: rotate(-180deg) ;
			border-radius: 10px; box-shadow: 0px 60px 60px rgba(65,154,255,0.17);
			.showBox{ width: 100%; height: 100%; background: rgba(248,252,255,0.85); position: absolute; top: 0; left: 0; z-index: 2;}
			.loginBtn {
				width: 100%;
				border: none;
				border-radius: 2px;
				background: #419aff;
				color: #fff; text-align: center;
				font-size: 18px; margin-bottom: 50px; height: 32px; line-height: 32px;
				font-weight: 400;transform:rotateY(-180deg);
			}
			.copyRight{ transform:rotateY(-180deg);}
		}
	}
	.ant-form-item {
		margin-bottom: 24px;
		height: 70px;
	}
	.ant-input {
		background-color: #f1f2f6 !important;
		border: 0;
		color: #5f6772;
		border-bottom: 0px solid rgba(79, 130, 176, 0.8) !important;
		font-family: "Microsoft YaHei" !important;
		font-size: 18px !important;
	}
	.ant-input-lg {
		height: 50px;
	}
	.ant-input:focus {
		box-shadow: 0 0 0 2px transparent;
	}
	.ant-input-affix-wrapper .ant-input:not(:first-child) {
		padding-left: 40px;
	}
	.ant-form-explain,
	.ant-form-extra {
		margin: 0;
	}
	.has-error .ant-input-affix-wrapper .ant-input,
	.has-error .ant-input-affix-wrapper .ant-input:hover {
		border-color: transparent;
	}
	.has-error .ant-input-affix-wrapper .ant-input:focus {
		border-color: transparent;
		box-shadow: 0 0 0 2px transparent;
	}
	.copyRight{
		text-align: center; width: 100%;
	}
}

/*google和360浏览器滚动条样式*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track-piece {
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
	height: 5px;
	background-color: rgba(125, 125, 125, 0.7);
	-webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
	width: 5px;
	background-color: rgba(125, 125, 125, 0.7);
	-webkit-border-radius: 6px;
}
